<template>
  <header class="bg-white shadow-md">
    <div class="container mx-auto px-4 py-4">
      <div class="flex items-center justify-between">
        <router-link to="/" class="flex items-center">
          <!-- 替换为新的logo图片 -->
          <img src="@/assets/images/logo.png" alt="辰晓" class="h-12 mr-3" />
          <!-- 如果需要在logo旁边显示公司名称，可以保留下面的代码 -->
          <!-- <span class="text-xl font-bold text-gray-800">{{ companyName }}</span> -->
        </router-link>
        
        <!-- ... 其他导航元素 ... -->
      </div>
    </div>
  </header>
</template>

<script setup lang="ts">
import { useAppStore } from '@/stores';

const appStore = useAppStore();
const { companyName } = appStore;
</script>